* {
    margin: 0;
    padding: 0;
}

body {
    /*background-image: radial-gradient(ellipse farthest-corner at 45px 45px, #0ff 0%, rgba(0, 0, 255, 0) 50%, #00f 95%);*/
}

a {
    text-decoration: none;
}

.top {
    height: 100px;
    width: 100%;
    background-color: gold;
    position: fixed;
    top: 0;
}

.top > div {
    width: 70%;
    height: 100px;
    line-height: 100px;
    margin: auto;
}

.t-left {
    float: left;
}

.t-left > div {
    float: left;
}

.t-right {
    float: right;
}

.bottom {
    font-size: 15px;
}

.b-left {
    float: left;
    width: 15%;
    height: calc(100vh - 100px);
    color: silver;
    background-color: teal;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 100px;
    left: 0;
    overflow: auto;
}

.b-left > div > div {
    margin: 4px 0;
}

.b-left > div > div > div:nth-child(2) {
    text-indent: 2em;
}

.b-right {
    float: right;
    width: 85%;
    /*height: 100%;*/
    margin-top: 100px;
}